<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript" src="scripts/date-picker.js" ></script>
<script type="text/javascript">
    function vDate(){
	date=document.script.date.value;
	duration=document.script.totalHours.value;

	if(date == ""){
		alert("Please input the Date!");
		return false;
	}
	if(duration ==""){
		alert("Please input the Duration!");
		return false;
	}
	
	
	return true;
	}
</script>
<title>Claim Compensation Form</title>
</head>
<body>
   <div style="height: 502px; width: 750px">
    
        
    
     <!-- ----------------------left #sidebar1 ------------------------------>
	<div style="height: 119px; margin-left: 1px">
        <h1 style="text-align: center">
            Claim Compensation</h1><div id="sidebar1" style="width: 199px; height: 266px">
	<h2>Menu</h2>
	
	<p><a href="LeaveApplyJSP.jsp">Apply Leave</a></p>
	<p style="width: 202px; "><a href="PersonalLeaveHistory">View Personal Leave History</a></p>
	
	<p><a href="LogoutServlet">Logout</a></p>
  	<!-- end #sidebar1 --></div>
        </div> 
<div style="margin-left: 248px; height: 379px; width: 496px;">

         <form id="form1" action="/LeaveApplicationTeam6/ClaimCompServelet" method="post" name="script" onSubmit="return vDate()" style="height: 423px; ">
        <h3>
            Welcome , ${sessionScope.user.surName}
        </h3>
        
        
        <div>
        <br />
        <br />
        <br />
        <p><h3>Date: ***</h3> 
        <input type="text" name="date"   size=15 maxlength=20 />  <a href="javascript:show_calendar('script.date');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="images/show-calendar.gif" width=24 height=22 border=0></a></p>
        <h3>Duration :</h3> 
        <input type="text" name="totalHours" />
        <h3>Description :</h3> 
         <p><textarea name="description" cols="50" rows="3"></textarea></p>
        </div>
        	<p><input type ="submit" value = "Submit">
        	<input type = "reset" value =" Reset " ></P>
   	 </form> 
    </div>   
    </div>

</body>
</html>